<template>
	<div class="business-resources-container">
		<el-tabs value="videoResources">
			<el-tab-pane name="videoResources" label="视频资料">
				<video-resource></video-resource>
			</el-tab-pane>
			<el-tab-pane name="fileResources" label="文档资料">
				<file-resource></file-resource>
			</el-tab-pane>
		</el-tabs>
		<el-button type="primary" class="back-btn" @click="goBack">返回</el-button>
	</div>
</template>

<script>

import VideoResource from '@/views/Scene/compments/BusinessResources/VideoResource.vue'
import FileResource from '@/views/Scene/compments/BusinessResources/FileResource.vue'

export default {

	components: {
		VideoResource,
		FileResource
	},

	mounted(){
		console.log('businessResource params:', this.$route.params);
		this.canEdit = this.$route.query.canEdit === 'true';
	},

	data() {
		return {
			canEdit: false,
			activePane: 'videoResources',
		}
	},
	methods: {
		goBack() {
			this.$router.go(-1);
		},
	}
}
</script>

<style lang="less" scoped>
.business-resources-container {
	position: relative;
	.save-btn {
		background: #6384fe;
		border-radius: 4px;
		line-height: 3px;
		position: absolute;
		top: 0;
		right: 100px;
	}
	.back-btn {
		background: #6384fe;
		border-radius: 4px;
		line-height: 3px;
		position: absolute;
		top: 0;
		right: 20px;
	}
	.el-button[disabled] {
		background: #a0cfff !important;
	}
}
</style>